{% extends "base.html" %}

{% block title %}关于我们 - 电影管理系统{% endblock %}

{% block content %}
<div class="row">
    <div class="col-lg-8 offset-lg-2">
        <div class="card shadow-sm">
            <div class="card-header bg-primary text-white">
                <h4 class="mb-0">关于电影管理系统</h4>
            </div>
            <div class="card-body">
                <h5 class="card-title">系统介绍</h5>
                <p class="card-text">
                    电影管理系统是一个基于Flask、Jinja2和Bootstrap 5构建的现代化Web应用，
                    旨在提供便捷的电影信息管理功能，包括添加、删除、查看电影信息等。
                </p>
                
                <h5 class="card-title mt-4">技术栈</h5>
                <ul>
                    <li><strong>前端</strong>：HTML5、CSS3、JavaScript、Bootstrap 5</li>
                    <li><strong>后端</strong>：Python、Flask</li>
                    <li><strong>模板引擎</strong>：Jinja2</li>
                </ul>
                
                <h5 class="card-title mt-4">功能特点</h5>
                <ul>
                    <li>响应式设计，适配各种设备</li>
                    <li>现代化UI界面，良好的用户体验</li>
                    <li>完整的电影CRUD操作</li>
                    <li>实时搜索和分类筛选</li>
                    <li>模态框交互，无需页面刷新</li>
                </ul>
                
                <div class="mt-4">
                    <a href="{{ url_for('index') }}" class="btn btn-primary">
                        <i class="fas fa-arrow-left me-2"></i>返回首页
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}